2
תגובות

אתר רספונסיבי

פתח Ben ,
איך אני יכול להפוך את האתר שלי לאתר רספונסיבי ?

2 תשובות

avatar ענה yardsod ב 25 לפברואר 2014 #

עם CSS:

@media (max-width: 991px) { /* Tablet */
 
}
@media (max-width: 767px) { /* Phone Landscape */

}
@media (max-width: 550px) { /* Phone Portrait */
 
}

בין הסוגריים המסולסלים אתה מעצב את התגים בכל גודל של המסך:
991 פיקסלים: טאבלט
767 פיקסלים: סמארטפון לרוחב
550 פיקסלים: סמארטפון לאורך
בעצם, אתה גורם לעיצוב של האתר להשתנות בהתאם לגודל של המסך.
עוד על עיצוב רספונסיבי:
http://www.pixelperfect.co.il/tutorials/responsive-design-tutorial/

avatar ענה ldbrgr ב 25 לפברואר 2014 #

תקרא קצת על "Mobile First" גם, יעזור לך להבין יותר.